Ok, so I've made a site template in pure html and I need to convert it into wordpress. The navigation code looks like this:

    <div id="header">
        <div class="wrap">
            <ul id="leftnav">
                <li><a href="about.html">About</a><span class="arrow"></span></li>
                <li><a href="work.html">Work</a><span class="arrow"/></li>
            </ul>
            <div id="logo"> 
                <h1><a href="index.html">T.Wiersema</a></h1>
                <span class="arrow"></span>
            </div>
            <ul id="rightnav">
                <li><a href="blog.html">Blog</a><span class="arrow"/></li>
                <li class="contact"><a href="#">Contact</a><span class="arrow"/></li>
            </ul>
        </div>
    </div>

The leftnav is absolutely positioned to the left and right nav is absolutely positioned to the right with the logo centered between the two. Notice also how I have a span inside each li element. Is there a way to reproduce this in my wordpress theme without just manually copying this into it?